<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <div th:replace="m/head :: head"></div>
</head>

<body>

<div th:replace="m/head :: body('banner.hidden', 'head-with-menu', '编剧/导演详情')"></div>


<!--主体内容-->
<div class="director-content">
    <div class="director-top">
        <img th:src="${#request.getAttribute('uploadServer') + user.portrait}"/>
        <h3 th:text="${user.nickname}"></h3>
        <p th:text="${user.personalizedSignature}"></p>
    </div>
    <div class="director-icon">
        <dl>
            <dt>
                <i class="iconfont icon-fenxiang"></i>
            </dt>
            <dd>分享</dd>
        </dl>
        <dl th:class="${user.collectUserCollect gt 0 ? 'on' : ''}">
            <dt class="operations-collect" th:attr="data-collect-id=${user.id}" data-collect-type="1" data-collect-operation="2">
                <i class="iconfont icon-zanxinxingguanzhu"></i>
            </dt>
            <dd th:text="${user.collectCount}"></dd>
        </dl>
        <dl th:class="${user.collectUserLike gt 0 ? 'on' : ''}">
            <dt class="operations-collect" th:attr="data-collect-id=${user.id}" data-collect-type="1" data-collect-operation="1">
                <i class="iconfont icon-dianzan"></i>
            </dt>
            <dd th:text="${user.likeCount}"></dd>
        </dl>
    </div>
    <div class="director-introduction">
        <p th:text="${'毕业院校：' + user.graduateInstitution}"></p>
        <p th:text="${'主要成就：' + user.mainAchievements}"></p>
        <p th:text="${'背景：' + user.background}"></p>
    </div>
    <div class="director-works" style="padding-bottom: 0;">
        <div class="top clearfix">
            <div class="left">
                <h3>代表作</h3>
            </div>
            <div class="right">
                <!--（点击“更多”出现更多作品最多显示8个）-->
                <a th:if="${videos.size() > 4}" href="javascript:void(0)" class="more">更多</a>
            </div>
        </div>
        <div class="con clearfix">
            <dl th:each="item:${videos}">
                <dt>
                    <a th:href="@{'/production/detail/' + ${item.id}}">
                        <img th:src="${#request.getAttribute('uploadServer') + item.spriteUrl2}"/>
                    </a>
                    <div class="bf-bottom">
                        <i class="iconfont icon-shipin"></i>
                        <span th:text="${item.count}"></span>
                    </div>
                </dt>
                <dd>
                    <h3 th:text="${item.name}"></h3>
                    <p th:text="${item.description}"></p>
                </dd>
            </dl>
        </div>
    </div>
    <div class="director-comment director-works">
        <div class="top clearfix">
            <div class="left">
                <h3>作品评论（[[${evaluatesPage.total}]]条）</h3>
            </div>
            <div class="right">
                <a th:if="${evaluatesPage.total > 5}" href="javascript:void(0)">查看全部</a>
            </div>
        </div>
        <div class="comment-list">
            <ul>
                <li th:each="item:${evaluatesPage.list}">
                    <div class="list-top clearfix">
                        <div class="left">
                            <img th:if="${item.evaluateUser.portrait ne null and item.anonymous ne 1}" th:src="${#request.getAttribute('uploadServer') + item.evaluateUser.portrait}">
                            <img th:if="${item.evaluateUser.portrait eq null || item.anonymous == 1}" th:src="${#request.getAttribute('ctx') + '/static/front/img/user.png'}">
                            <span th:text="${item.anonymous == 1 ? '匿名用户' : item.evaluateUser.nickname}"></span>
                            <div class="star">
                                <i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${item.score},5"></i>
                            </div>
                            <span style="color: rgb(160,160,160);" th:text="${item.score}"></span>
                        </div>
                        <div class="right" th:text="${#dates.format(item.createDate, 'yyyy-MM-dd')}">

                        </div>
                    </div>
                    <div class="list-middle" th:if="${user.type eq 4}">
                        <a href="javascript:void(0)" th:each="titem:${item.tagsArray}" cus:dict="evaluate-photo-grapher-tags,${titem}"></a>
                    </div>
                    <div class="list-middle" th:if="${user.type eq 5}">
                        <a href="javascript:void(0)" th:each="titem:${item.tagsArray}" cus:dict="evaluate-script-writer-tags,${titem}"></a>
                    </div>
                    <div class="list-bottom">
                        <p th:text="${'评论：' + item.comment}"></p>
                        <div class="admin-reply" th:if="${item.reply ne null}">
                            <p th:text="${'管理员回复：' + item.reply}"></p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div th:replace="m/foot :: body"></div>

</body>

<div th:replace="m/foot :: footer('')"></div>
<script type="text/javascript" th:src="@{/static/m/js/operations.js}"></script>

</html>

